Layout Viewport
拡大していない状態だと、今表示していない画面全体
Visual Viewportと同じ
拡大しているときはブラウザの画面からはみ出る
https://gyazo.com/980b2cd70569545a3ef996ab71b92055 https://developer.chrome.com/blog/viewport-resize-behavior/
拡大している状態を表している
青枠がLayout Viewport
ブラウザに表示できている箇所をはみ出ているのがわかる
https://coliss.com/articles/build-websites/operation/css/how-viewport-resize-behavior-works.html
position: fixedは、Visutal Viewportに対して固定する
だから拡大したらどっかに行く
直観的な挙動mrsekut.icon
これがもしVisual Viewportに対して固定してるとかなり変な挙動になる
画面を拡大しても常に左上に居続ける、みたいな感じになる